<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1，user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="css/template.css"/>
    <link rel="stylesheet" type="text/css" href="css/keceng2.css"/>
    <link rel="stylesheet" type="text/css" href="css/login_in.css"/>
    <link rel="stylesheet" type="text/css" href="css/search.css"/>
    <title>课程2</title>

  
</head>
<style>
        #denglu{
                display:none;
        }
        #denglu:checked~.login{
                transform: translateX(0%);
        }
        #search_k{
                display: none;
        }
        #search_k:checked~.search{
                transform: translateX(0%);
        }
       
</style>
<body>
        <input type="checkbox" id="denglu">
        <input type="checkbox" id="search_k">
        <div class="search">
                        <header>
                                <input type="text" placeholder="Search">
                                
                                <label for="search_k">
                                                <span>取消</span>
                                </label>
                        </header>
                        <div class="neirong">
                                <p>热搜</p>
                                <div class="biaoqian">
                                        <div>项目管理</div>
                                        <div>移动互联网</div>
                                        <div>O2O联转化</div>
                                        <div>O2O</div>
                                        <div>媒介平台</div>
                                        <div>细分平台业务</div>
                                        <div>项目管理</div>
                                        <div>移动互联网</div>
                                        <div>O2O联转化</div>
            
            
                                </div>
                        </div>
        </div>
        <div class="login">
                                <header>
                                        <label for="denglu">
                                                <div class="close">×</div>
                                        </label>
                                                <input type="text" placeholder="Search">
                                                <div class="line"></div>
                                </header>
                    
                                <div class="middle">
                                        <div class="admin">
                                                        <a href="index2.html"><img src="img/login_tx.png"></a>
                                        </div>
                                        <p>立即登录</p>
                                        <span>忘记密码</span>
                                </div>
                                <p class="jianxi"></p>
                                <section class="box">
                                        <div>
                                            <input id="input" name="checkbox" type="checkbox">
                                            <label for="input" class="label_A"><div>CIMC</div><span>></span>
                                                <div class="clear"></div>
                                            </label>
                                            <div class="content contenta">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                            </div>
                                        </div>
                                      <div>
                                          <input id="input_A" name="checkbox" type="checkbox">
                                          <label for="input_A"><div>文章</div><span>></span>
                                            <div class="clear"></div>
                                        </label>
                                          <div class="content contenta">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                          </div>
                                      </div>
                                  
                                  
                                      <div>
                                          <input id="input_B" name="acheckbox" type="checkbox">
                                          <label for="input_B"><div>资源</div><span>></span>
                                            <div class="clear"></div>
                                        </label>
                                          <div class="content contentb">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                          </div>
                                      </div>
                                  
                                      <div>
                                        <input id="input_C" name="checkbox" type="checkbox">
                                        <label for="input_C"><div>课程</div><span>></span>
                                            <div class="clear"></div>
                                        </label>
                                       
                                        <div class="content contentc">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                      </div>
                                    </div>
                                      
                                  </section>
        </div>
        <div class="web">

                <header>
                        <div class="top_content">
                                <label for="denglu">
                                   <div class="menu">
                                       <div class="line"></div>
                                       <div class="line"></div>
                                       <div class="line"></div>
                                   </div>
                                </label>
                                   <div class="logo"><img src="img/logo.png"></div>
                                <label for="search_k">
                                   <div class="search_A"><img src="img/search.png"></div>
                                </label>  
                        </div>

                </header>

                <div class="main">
                    
                        <!--***********************************************-->
                     <div class="kc2_content">

                            <p class="kc2_title">铁人三项之软件，硬件，云</p>

                            <div class="kc_dhang">
                                    <ul>
                                        <li><a href="index.html">首页</a>></li>
                                        <li><a>GIMC营销学院</a></li>
                                    </ul>
                                    <span>2015-09-19</span>
                            </div>

                            <div class="kc2_img">

                                    <img src="img/kc2_banner.jpg">

                            </div>

                            <p class="kc2_txt">
                                    如今，投身硬件创业的开发者越来越多。移动互联网，智能硬件设备的形态是产品，但实际上技术复杂性远远超过已经出现的PC、手机及智能设备，是软硬一体、高度整合的产品。换言之，硬件领域发生的变革并不单纯是硬件本身，而是硬件+云服务+商业模式的综合性变革。
                            </p>

                            <p class="kc2_txt">
                                    开发者最佳实践日·第4期－铁人三项专场之软件，硬件，云，七牛云存储请来了智能家居产品翘楚欧瑞博、智能图像识别与视觉交互专家亮风台、可穿戴开源硬件企业电子新我、智能语音科大讯飞、国内类gopro新秀Foream， 分享他们在产品技术打磨与创业过程中的经验，以及他们对‘软’与‘硬’结合， 打造智能软硬件生态链方面的观点。
                            </p>

                            <p class="kc2_htit">活动时间：</p>
                            <p class="kc2_htxt">2014年10月19日 14:00-17:30</p>

                            <p class="kc2_htit">活动时间：</p>
                            <p class="kc2_htxt">广州市越秀区东风东路金广大厦二楼会议室</p>

                            <p class="kc2_htit">活动议程：</p>
                            <p class="kc2_htit">13:30-14:00  签到</p>

                            <p class="kc2_htit">14:00-14:10  沙龙开场：</p>
                            <p class="kc2_htxt">14:10-14:30  最佳实践 欧瑞博 创始人 王雄辉 《智能家居场景化机会》</p>

                            <p class="kc2_htxt">14:30-15:00  七牛云存储 首席布道师 徐立 《如何玩转“软件+硬件+云”铁人三项》：</p>
                            <p class="kc2_htxt">15:00-15:30  亮风台 创始人 廖春元《新一代移动图像搜索和交互平台》</p>

                            <p class="kc2_htit">15:30-15:40  茶歇：</p>
                            <p class="kc2_htxt">15:40-16:10  电子新我 CEO 高磊 《硬件与日常生活游戏化》</p>

                            <p class="kc2_htxt">16:10-16:40  foream 罗宇晨 产品总监《穿戴视频云端服务的体验优化</p>
                            <p class="kc2_htxt">16:40-17:10  科大讯飞 语音云开放平台产品经理 王磊  《语音语义，放，放放！》</p>

                            <p class="kc2_htit">17:10-17:30  Q&A</p>
                            <p class="kc2_htxt">「开发者最佳实践日」是由七牛云存储发起并联合各方小伙伴为开发者举办的系列技术沙龙，关注开发者在实际应用中可能遇到的技术问题。致力于为勇于创新的开发者们提供行业内最前沿最热门的技术干货，以技术驱动应用创新，让更多的开发者享受技术带来的生活乐趣。</p>

                     </div>
                     <div class="gray"></div>

                     <div class="kc2_time_dd">
                            <p>时间和地点</p>
                            <div>
                                    <div>
                                        <img src="img/kc_date.png">
                                    </div>
                                    <p>2014年10月19日 14:00-17:30</p>
                            </div>

                            <div>
                                    <div>
                                        <img src="img/kc_didian.png">
                                    </div>
                                    <p>广州市越秀区东风东路金广大厦二楼会议室</p>
                            </div>
                     </div>

                     <div class="gray"></div>

                     <div class="kc2_jianjie">
                            <p>讲师简介</p>
                        <div class="box">
                            <section>
                                    <div>
                                        <img src="img/kc2_js1.jpg">
                                    </div>
                                    <aside>
                                        <div>谢振宇</div>
                                        <p>
                                            <span>网络互动中心</span>
                                            <span>创意群总监</span>
                                        </p>
                                    </aside>
                            </section>

                            <section>
                                    <div>
                                            <img src="img/kc2_js2.jpg">
                                    </div>
                                    <aside>
                                        <div>谢振宇</div>
                                        <p>
                                                <span>网络互动中心</span>
                                                <span>创意群总监</span>
                                            </p>
                                    </aside>
                            </section>

                            <section>
                                    <div>
                                            <img src="img/kc2_js3.jpg">
                                    </div>
                                    <aside>
                                        <div>谢振宇</div>
                                        <p>
                                                <span>网络互动中心</span>
                                                <span>创意群总监</span>
                                            </p>
                                    </aside>
                            </section>
                        </div>
                     </div>

                     <div class="gray"></div>

                     <div class="bm">
                            <a>立即报名</a>
                            <div><span>></span></div>
                    </div>
                </div>

              

        </div>

       
</body>

<script>
  
/*动态改变根元素字体大小*/
function recalc() {
	var clientWidth = document.documentElement.clientWidth;
	if(!clientWidth) return;
	document.documentElement.style.fontSize = 40 * (clientWidth / 640) + 'px';
}

function initRecalc() {
	recalc();
	var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
	if(!document.addEventListener) return;
	window.addEventListener(resizeEvt, recalc, false);
	document.addEventListener('DOMContentLoaded', recalc, false);
}
initRecalc();

 console.log("手机viewportWidth=",document.documentElement.clientWidth);
    //获取viewport宽
    var viewportWidth = document.documentElement.clientWidth;
    console.log(document.documentElement.style.fontSize);
</script>

</html>